/* 加载主题样式 */
@import "@/uni.scss";

.bottom-postion{
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100% !important;
	z-index: 111;
}
.paddingbottom{
	padding-bottom: 120rpx !important;
}
/* 表单卡片样式 */
.custom-form-card {
	background: #FFFFFF;
	border-radius: 16rpx;
	margin: 24rpx 24rpx 0 24rpx;
	padding: 0 24rpx;
	box-shadow: 0rpx 0rpx 8rpx 0 #A5A5A5;
}
.divider {
	height: 1px; /* 分割线的高度，可以根据实际需求调整 */
	background-color: #ccc; /* 分割线的颜色，通常选择灰色系比较常见 */
	margin: 10px 0; /* 上下的外边距，控制分割线与表单项的间距，可按需调整 */
}


// 库位样式修改
.custom-card-itemTwo{
	position: relative;
}
.superwei-combox{
	position: static !important;
}

.record-card {
	background: #FFFFFF;
	border-radius: 16rpx;
	margin: 24rpx 24rpx 0 24rpx;
	padding: 24rpx;
	box-shadow: 0rpx 0rpx 8rpx 0 #A5A5A5;
	.card-mini-head{
		display: flex;
		align-items: center;
		color: #37886C;
		font-weight: bold;
	}
}
.close-icons{
	position: absolute;
	top: 20rpx;
	right: 20rpx;
}
.popup-close-icons{
	position: absolute;
	top: 20rpx;
	right: 20rpx;
}
.custom-card-title {
	height: 68rpx;
	font-size: 24rpx;
	font-weight: 700;
	color: #333333;
	display: flex;
	align-items: center;
	margin-bottom: 6rpx;
}

.title-line {
	width: 6rpx;
	height: 30rpx;
	background: $uni-color-teal;
	margin-right: 14rpx;
}

.custom-card-itemOne {
	display: flex;
	align-items: center;
	height: 50rpx;
	font-size: 26rpx;
	color: #333333;
	line-height: 36rpx;
}

.custom-card-itemTwo {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 60rpx;
	border-bottom: 2rpx #DCDCDC dashed;
	font-size: 26rpx;
	color: #333333;
}

.item-info-title {
	color: #9C9C9C;
}

.card-item-50 {
	width: 50%;
}
.card-item-30 {
	width: 30%;
}
.card-item-20 {
	width: 20%;
}
.card-item-10 {
	width: 10%;
}

.custom-card-scan {
	height: 80rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 16rpx;
}

.card-scan-input {
	padding: 0 15rpx;
	height: 60rpx;
	width: 80%;
	border: 2rpx solid #ccc;
	border-radius: 8rpx;
	caret-color: red;
}

.custom-card-scan input:focus {
	outline: 1rpx solid red !important;
	outline-color: red !important;
}

.page-bottom {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 750rpx;
	height: 100rpx;
	display: flex;
}

.page-bottom-box {
	width: 750rpx;
	height: 100rpx;
	display: flex;
}

.page-bottomBtn {
	flex: 1;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.bottomBtn-bgcolor-green {
	background: $uni-color-teal;
	color: $uni-text-color-inverse;
}

/* 必选颜色 */
.required-color{
	color: $uni-color-error;
}

.card-boxCustom {
	margin: 0 15rpx 20rpx;
	box-shadow: 0rpx 0rpx 4rpx 0 #A5A5A5;
	background: #fff;
	padding: 12rpx 24rpx 24rpx;
	border-radius: 16rpx;
}
.noticeHooks{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 80rpx;
	font-size: 32rpx;
	color: #999;
}
.card-boxCustom .card-head{
	font-size: 28rpx;
	font-weight: 700;
	height: 64rpx;
	line-height: 64rpx;
	color: #333333;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.card-body{
	position: relative;
	.card-mini-head{
		display: flex;
		align-items: center;
		color: #37886C;
		font-weight: bold;
	}
}
.card-rotating{
	padding: 20rpx;
	position: absolute;
	right: 15rpx;
	top: 50%;
	transform: translateY(-50%);
}
.card-boxCustom .card-body-item{
	display: flex;
	align-items: center;
	font-size: 26rpx;
	line-height: 36rpx;
	color: #656565;
}
.card-boxCustom .body-item-title {
	color: #9B9B9B;
}

/* 页面元素过多时样式 */
.card-mini{
	background: #fff;
	border-radius: 16rpx;
	margin: 24rpx 24rpx 0 24rpx;
	padding: 16rpx 24rpx;
	box-shadow: 0rpx 0rpx 8rpx 0 #A5A5A5;
}

.card-mini .card-mini-head {
	font-size: 30rpx;
	font-weight: 700;
	display: flex;
	align-items: center;
}

.card-mini .card-mini-body{
	padding-top: 10rpx;
}

.card-mini-body .card-mini-item{
	display: flex;
	color: #333333;
	font-size: 26rpx;
	line-height: 40rpx;
}

.card-mini-body .card-mini-item .mini-item-50{
	width: 50%;
}

.card-mini-body .card-mini-item .mini-item-title{
	width: 50%;
	color: #4F4F4F;
}

/* 页面自适应 */
.page-auto{
	display: flex;
	flex-direction: column;
	height: calc(100vh - 68px);
	overflow-y: auto;
}
.page-auto-noheight{
	display: flex;
	flex-direction: column;
}
.element-auto{
	// height: 2rpx;
	flex: 1;
	overflow-y: auto;
}
.zb-table-body {
	background: #F0EFF4 !important;
}

.card-my{
	// display: flex;
	// flex-direction: column;
	width:100%;
	margin: 0!important;
	padding: 0!important;
}


/* 输入对话框样式 */
.input-dialog-box{
	width: 600rpx;
	background-color: #FFFFFF;
	border-radius: 22rpx;
	overflow: hidden;
}
.input-dialog-footer{
	display: flex;
    flex-direction: row;
    border-top-color: #f5f5f5;
    border-top-style: solid;
    border-top-width: 1px;
}
.input-dialog-button{
	display: flex;
    flex: 1;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 90rpx;
    color: #333;
}
.dialog-button-left{
    border-left-color: #f0f0f0;
    border-left-style: solid;
    border-left-width: 1px;
	color: #007aff;
}
.input-dialog-content{
    padding: 20px;
}
.input-dialog-item{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.input-dialog-item{
	line-height: 52rpx;
	font-size: 28rpx;
}

.custom-button{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80rpx;
	height:50rpx;
	background: #007aff;
	border-radius: 8rpx;
	color: #fff;
}

.aili-placeholder{
	height: 20rpx;
}

.passclass{
	background: #009900;
}

.failClass{
	background: #e58282;
}

.card-checkBtn {
	width: 100rpx;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 20rpx;
}

.record-card{
	position: relative;
}